DIGITAL PHOTOGRAPHY AND IMAGING - WEEK 3

Week 3 (7/10/2024 - 13/10/2024)

AVELINE KRISTIE / 0372310

Digital Photography and Imaging / Bachelor of Design (Honours) in Creative Media

PROJECT 1B: DIGITAL COLLAGE

---

TABLE OF CONTENTS

1. Lectures

2. Tutorial

3. Practical

---

1. LECTURES

Week 3 - INTRODUCTION TO PHOTOSHOP 2

1. Introduction to Photoshop

• Lasso tool, pen tool, layering
• Selection, Layering
• Tool box 

Photoshop provides several tool sets in the Toolbox. The tool sets can also be expanded to reveal the additional tools. 

Fig 1.1 Tool Box

• Marquee Selection Tools

Fig 1.2 Marquee Selection Tools

2. Photoshop Basics

Lasso Tool 

allows you to draw and pinpoint specific areas of a document. 

How to use Lasso Tool in Photoshop:

• The Lasso Tool works well with a graphic tablet since it feels like using a pencil. 
• Compared to a mouse or trackpad, a graphic tablet offers smoother control for  drawing and making selections.

 

Fig 1.3 Lasso Tool Usage Example

There are three different options: Lasso, Polygonal Lasso, and Magnetic Lasso.

Fig 1.4 Lasso Tool

Pen Tool

How to use the Pen Tool in Photoshop:

• The Pen Tool is a common choice for creating a path from scratch.
• The Pen Tool is the way that I need to add these points and the way you drag the tool as you create the points determines how will they look. 
• Keep in mind, that the fewer points, the smoother a path will be. 

Fig 1.5 The Pen Tool

Variation of Pen Tool

• Straight line paths
• U shaped curves
• Simple S curves
• Complex S curves

On this lecture, Mr. Fauzi instructed us to play the Bezier Game to be more familiar and get used to the Pen Tool. 

Fig 1.6 The Bezier Game

 

Lasso Tool vs Pen Tool

The pen Tool in Photoshop is highly versatile, it can be used to create precise shapes and paths by manually placing anchor points.

Although commonly used to make selections, the pen Tool was not originally designed as a "Selection Tool".

Layering

How to use Layering in Photoshop:

• Layers are different images stacked on top of each other.
• Each layer can be adjusted independently without impacting the others.
• When combined, they create a single final image, similar to how it might appear in real life.

Fig 1.7 Layering Example

Layers allow for non-destructive editing in Photoshop. The adjustments in Photoshop will never destroy the original image. Layers contain all the extra details or images you want to add to the original file.

---

2. TUTORIAL

Digital Collage Instructions :

1. Download Images: Get images from the provided link in google drive.

2. Follow Tutorial: Use the demo tutorial as a guide for creating the digital collage.

3. Create Collages: Make three different digital collage compositions.

4. Set Canvas: Use an A4 vertical canvas in Photoshop to start composing.

---

3. PRACTICAL - DIGITAL COMPOSITING COLLAGE

For the third assignment, we had to make digital collages out of the images provided by Mr. Fauzi in A4 canvas size using the golden ratio and rules of third in Photoshop. 

In the first design, I wanted to make a very random collage yet still looked pleasing and had a good mix of colours. For this design, we can see that the prominent colours are orange and blue. I also used golden ratio as a helpful guide in arranging the elements. 

Fig 3.1 Pre-Composition #1

For the second design, I wanted to make it space themed but in a unique way. This composition also has orange and blue as the most prominent colours. Furthermore, I decided to use black for the background to show contrast with the bright colours of the elements, so it can balanced out the composition well. Moreover, I used the golden ratio in arranging this second design too. 

Fig 3.2 Pre-Composition #2

For the last design, I made it space themed too but with different elements. I added the old projector as if it was a real projector that was projecting something. Furthermore, the dominant colours for this composition are blue, white, and black. Even so, I added a touch of orange from the woman's coat as a focal point for this design.

Fig 3.3 Pre-Composition #3